@charset "utf-8";
/* CSS Document */
.recommend{
    width: 1170px;
	float:left;	
	margin-top:5px;
}
.List{
	width:1180px;
	overflow:hidden;
}
.List li {
height:220px;
    position: relative;
    float: left;
    width: 280px;
    margin: 0px 15px 30px 0px;
    margin: 0px 10px 30px\0;
    overflow: hidden;
    transition: all .5s ease;
    transform: translate3d(0,0,0);
}.List li:hover {
    transform: translateX(1px) translateY(-1px);
    z-index: 99;
    box-shadow: 2px 2px 2px rgba(0,0,0,.4);
    -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,.4);
    -moz-box-shadow: 2px 2px 2px rgba(0,0,0,.4);
    -o-box-shadow: 2px 2px 2px rgba(0,0,0,.4);
    color: #333;
}
.List li:last-child {
    margin-right: 0px;
}
.List li img {
    display: block;
	width:280px;
	height:185px;
}
.List li .d {
    height: 35px;
    padding: 10px;
    background:#fafafa;
    font-size: 18px;
    font-family: 'simsun';
}
.List li .d .t {
    display: block;
    line-height: 18px;
    height: 20px;
    overflow: hidden;	text-align:center;
	
}
.List a{color:#333333;}
.List a:hover{ color:#ff7800;}
.List li .d .i {
    margin-top: 5px;
	}
.List li .d .i span {
    display: inline-block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
	text-align:center;
	color:#ff7800;
}


